<template>
    <div class="tips">
        <span class="iconfont tipsIcon">&#xe64c;</span>
        <p class="tipsDesc">1.如遇天安门广场戒严，请从故宫两侧（东华门或西华门），沿故宫城墙步行至午门验票！2.除法定节假日，故宫博物院实行周一闭馆。</p>
        <span class="iconfont tipsMore">&#xe62d;</span>
    </div>
</template>

<script>
export default {
    name:'DetailListTips'
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'	
@import '~styles/mixins.styl'

.tips
    display flex
    height .88rem
    line-height .88rem
    margin-bottom .2rem
    padding-left .23rem
    background-color #fff5e5 
    .tipsIcon
        margin-right .1rem
        color $detailColor
    .tipsDesc
        flex 1
        color $detailColor
        /*完成字符串太长省略显示为...的功能*/
        ellipsis()
    .tipsMore
        flex 0.16
        font-size 0.24rem
        text-align center
        color #9e9e9e
        detailMore()
</style>
